<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <meta name="viewport"content="width=device-width,initial-scale=1">
    <title>代码</title>
    <link href="../../css/bootstrap.min.css" rel="stylesheet">
    <style>
        .container{
        margin-top: 20px;
        }
    </style>
</head>
<body>
    <div class="container">
        <p>
             <kbd>kbdkbdkbdkbdkbd;</kbd> <code>codecodecodecode</code>
        </p>
        <pre>&lt;p&gt;pppppppppppppppppp&lt;/p&gt;</pre>
        <var>y</var>=<var>m</var><var>x</var>+<var>b</var>
    </div>
    <div class="table-responsive">
        <div class="container">
            <table class="table table-striped table-bordered table-hover table-condensed">
                <thead>
                <tr class="">
                    <th>表格标题1</th>
                    <th>表格标题2</th>
                    <th>表格标题3</th>
                </tr>
                </thead>
                <tbody>
                <tr class="active">
                    <td>表格内容</td>
                    <td>表格内容</td>
                    <td>表格内容</td>
                </tr>
                <tr class="success">
                    <td>表格内容</td>
                    <td>表格内容</td>
                    <td>表格内容</td>
                </tr>
                <tr class="info">
                    <td>表格内容</td>
                    <td>表格内容</td>
                    <td>表格内容</td>
                </tr>
                <tr class="danger">
                    <td>表格内容</td>
                    <td>表格内容</td>
                    <td>表格内容</td>
                </tr>
                <tr class="warning">
                    <td>表格内容</td>
                    <td>表格内容</td>
                    <td>表格内容</td>
                </tr>
                </tbody>
            </table>
        </div>
    </div>

</body>
</html>